/* elementui */
.el-main,.el-header,.el-input__inner,.el-input,.el-textarea__inner{
    padding: 0 !important;
    padding: none;
}
.el-input__inner{
    text-indent: 10px;
}


/* flex */
.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flex;
}

.flex>* {
    /* overflow: hidden; */
}


/*
    主轴方向：从左到右
*/

.flex,
.flex.flex-left {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
}


/*
    主轴方向：从右到左
*/

.flex.flex-right {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/*
    主轴方向：从上到下
*/

.flex.flex-top {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}


/*
    主轴方向：从下到上
*/

.flex.flex-bottom {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


/*
    主轴对齐方式：两端对齐
*/

.flex.flex-main-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/*
    主轴对齐方式：每个项目两侧的间隔相等
*/

.flex.flex-main-around {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}


/*
    主轴对齐方式：从左到右
*/

.flex,
.flex.flex-main-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


/*
    主轴对齐方式：从右到左
*/

.flex.flex-main-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}


/*
    主轴对齐方式：居中对齐
*/

.flex.flex-main-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}


/*
     ========交叉轴定义=====
*/


/*
    交叉轴对齐方式：从上到下
*/

.flex,
.flex.flex-cross-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


/*
    交叉轴对齐方式：从下到上
*/

.flex.flex-cross-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


/*
    交叉轴对齐方式：居中对齐
*/

.flex.flex-cross-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/*
    交叉轴对齐方式：跟随内容高度对齐
*/

.flex.flex-cross-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}


/*
    交叉轴对齐方式：高度并排铺满
*/

.flex.flex-cross-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}


/*
    默认，不允许子元素换行
*/

.flex,
.flex.flex-nowrap {
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


/*
    允许子元素换行
*/

.flex.flex-wrap {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


/*
    子元素属性：不伸缩
*/

.flex>*,
.flex>.flex-box-0 {
    -webkit-box-flex: 0.0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}


/*
    子元素属性：自动伸缩
*/

.flex>.flex-box-1 {
    -webkit-box-flex: 1.0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/*font*/
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.fa{font-family:Arial;}
.fg{font-family:Georgia;}
.ft{font-family:Tahoma;}
.fl{font-family:Lucida Console;}
.fs{font-family:'瀹嬩綋';}
.fw{font-family:'寰蒋闆呴粦';}
.fy{font-family:"骞煎渾"}
.fh{font-family:"榛戜綋"}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
a.tdl,.tdl a,a.tdn:hover,.tdn a:hover{text-decoration:underline;}
a.tdl:hover,.tdl a:hover,a.tdn,.tdn a{text-decoration:none;}
.hh{text-indent:-3000px; overflow:hidden;}

/*form*/
input,select,label{vertical-align:middle}

/*table*/
.bcc{border-collapse:collapse;}

/*color*/
.g0{color:#000000;}
.g3{color:#333333;}
.g6{color:#666666;}
.g9{color:#999999;}
.red{color:red;}
.wh{color:white;}

/*layout*/
.l{float:left;}
.r{float:right;}
.cl{clear:both;}
.cf:before, .cf:after{content:""; display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

.rel{position:relative;}
.abs{position:absolute;}
.auto{margin-left:auto; margin-right:auto;}
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;}
.di{display:inline;}

.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}

.ml-1{margin-left:-1px;}
.mt-1{margin-top:-1px;}
.m0{margin:0;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.p1{padding:1px;}
.p2{padding:2px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pr1{padding-right:1px;}
.pb2{padding-bottom:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pb1{padding-bottom:1px;}
.pr2{padding-right:2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}

.ovh{overflow:hidden;}
.ovs{overflow:scroll;}
.vtb{vertical-align:text-bottom;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vn{vertical-align:-2px;}
.vimg{margin-bottom:-3px;}
.z{*zoom:1;}

/*coursor*/
.poi{cursor:pointer;}
.def{cursor:default;}

/*other*/
.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
/* li */
li{
    list-style: none;
}